<template>
		<!-- 父传子 -->
	<view class="content">
		<!-- 案例一二 -->
		<!-- <DefineProps username="张三" avatar="../../static/pic1.jpg"></DefineProps> -->
		
		<!-- 案例三 -->
		<DefineProps :obj="userInfo"></DefineProps>
		<DefineProps></DefineProps>
		<!-- 扩展 -->
		<DefineProps v-for="(item,index) in userInfos" :obj="item"></DefineProps>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	
	const userInfo = ref({name: '名字', avatar: '../../static/pic1.jpg'})
	
	const userInfos = ref([
	{name:"张三",avatar:"../../static/pic1.jpg"},
	{name:"李四",avatar:"../../static/pic2.jpg"},
	{name:"王五",avatar:"../../static/pic3.jpg"},
])
	
</script>

<style lang="scss">
	
</style>
